/*
[Contents]

	0- Global
	1- Header
	2- Footer
	3- Message Box
	4- Main Container
	4- Sidebar
	5- Main
    7- Login
    8- Loading
*/

/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
#header
{
    border-bottom-color: #547834;
}
.username
{
    font-weight: bold;
}
/* =2 Footer
---------------------------------------------------------------------------------------------------------------------*/
#footer
{
    border-top-color: #CCC;
}
#footer p
{
    text-align: center;
}
/* =3 Message Box
---------------------------------------------------------------------------------------------------------------------*/
#message-box {
    text-align:center;
    margin-bottom:15px;
    min-width:730px;
    width:100%;
}
#message-box p {
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #DEDEDE;
    border:1px solid #CCCCCC;
    display:inline;
    font-weight:bold;
    padding:5px 10px;
    
    visibility:hidden;  /* modified by wenbin */ 
}
/* modified by wenbin
#message-box
{
    text-align: center;
    display: none;
    position: absolute;
    top: 35px;
    left: 40%;
}
#message-box p
{
    display: inline;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
}
#message-box .error-message
{
    background: #FFDDDD;
}
#message-box .normal-message
{
    background: #FFF1A8;
}
*/



/* =4 Menu 
---------------------------------------------------------------------*/
.menu-wrapper
{
    border: 1px solid #DEDEDE;
    margin-bottom: 20px;
    padding: 5px 10px; /* Do Rounding */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #FFF;
}
.menu li
{
    margin-bottom: 3px;
}
.menu li a
{
    display: block;
    padding: 1px;
    padding-left: 20px;
    font-weight:normal;
    color: #000;

}
.menu li:first-child a
{
    border-bottom: 1px solid #CCC;
    font-weight: bold;
}
.menu li.current a
{
    margin-bottom: 1px;
    border-bottom-width: 0; /* Do Rounding */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #696969;
    color: #FFF;
    font-weight: bold;
}

/* =6 Main
-------------------------------------------------------------------*/
#main
{
    background: #FFF;
    border-color: #DEDEDE;
}
/* =7 Toolbar 
------------------------------------------------------------------*/
.toolbar
{
    background: #E4E4E4;
}
.toolbar a
{
    background: url(../images/sprites.png) repeat-x left top;
    border-color: #999;
    color: #333;
}
.toolbar a:hover
{
    border-color: #666;
}
/* Tabel Container */
.table-container table
{
    background: #FFF;
    border: 1px solid #CCC;
    clear: right;
    width: 100%;
}
.table-container caption
{
    font-size: 14px;
    font-weight: bold;
}
.table-container th
{
    background: #E5E5E5;
    border: 1px solid #CCC;
    padding: 6px;
}
.table-container th.common
{
    width: 130px;
}
.table-container th.action
{
    width: 30px;
}
.table-container th select
{
    font-weight: normal;
}
.table-container tr.even
{
    background: #F3F3F3;
}
.table-container td
{
    border-left: 1px solid #CCC;
    padding: 6px;
}
.table-container td a
{
    color: #333;
    margin: 0 5px;
}
.table-container strong
{
    font-weight: bold;
}

.table-command th
{
    background: #E9E9E9;
    color: #333;
    padding: 5px 10px;
}

/* =8 Widget 
----------------------------------------------------------------------*/
.widget {
	background:#FFF;
	border:1px solid #DEDEDE;
	padding:10px;
	border-radius:5px;  /* Do Rounding */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.widget .title {
	margin-bottom:3px;
}
.widget li {
	margin-bottom:3px;
}
.widget a {
	color:#000;
}
.widget ul a {
	display:block;
	padding:1px;
	padding-left:20px;
}
.widget ul a.current {
	background:#696969;
	color:#FFF;
	text-decoration:none;
	border-radius:3px;  /* Do Rounding */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* =7 Login
---------------------------------------------------------------------------------------------------------------------*/
#login
{
    background: #FFF;
    border-color: #DEDEDE;
}
#login input[type="text"], #login input[type="password"]
{
    color: #666;
    font-size: 24px;
}
#login .label-checkbox
{
    color: #666;
}
#login button
{
    line-height: 1.5;
    padding: 0 3px;
}

/* =8 Loading 
----------------------------------------------------------------------------------------------*/
.loading-message-container
{
    left: 491.5px;
    top: 285.5px;
    width: 200px;
    height: 200px;
    padding: 0px;
    border: 1px solid #CCCCCC;
    display: none;
    background: #EEEEEE;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    z-index: 1;
    color: #8BC53F;
    font: bold 12px verdana;
    opacity: 0.7;
}

.loading-message-text
{
    position: absolute;
    left: 50%;
    top: 50%;
}
